<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta content="" name="description"/>
    <meta content="webthemez" name="author"/>
    <title>文章主题</title>
    <!-- Bootstrap Styles-->
    <link href="assets/css/bootstrap.css" rel="stylesheet"/>
    <!-- FontAwesome Styles-->
    <link href="assets/css/font-awesome.css" rel="stylesheet"/>
    <!-- Morris Chart Styles-->

    <!-- Custom Styles-->
    <link href="assets/css/custom-styles.css" rel="stylesheet"/>
    <!-- Google Fonts-->
    <link href='http://fonts.useso.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>
    <!-- TABLE STYLES-->
    <link href="assets/js/dataTables/dataTables.bootstrap.css" rel="stylesheet"/>

    <link href="assets/css/base.css" rel="stylesheet"/>


    <!-- JS Scripts-->
    <!-- jQuery Js -->
    <script src="assets/js/jquery-1.10.2.js"></script>
    <!--又拍云-->
    <script src="assets/js/upyun/spark-md5.js"></script>
    <script src="assets/js/upyun/async.js"></script>
    <script src="assets/js/upyun/upyun-mu.js"></script>
    <!-- Bootstrap Js -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Metis Menu Js -->
    <script src="assets/js/jquery.metisMenu.js"></script>
    <!-- DATA TABLE SCRIPTS -->
    <script src="assets/js/dataTables/jquery.dataTables.js"></script>
    <script src="assets/js/dataTables/dataTables.bootstrap.js"></script>
    <!-- Custom Js -->
    <script src="assets/js/custom-scripts.js"></script>
    <!-- layer Js -->
    <script src="assets/js/layer.js"></script>
    <!-- base Js -->
    <script src="assets/js/base.js"></script>
    <!--motorcycle_list js-->
    <script src="assets/js/articles_list.js"></script>


</head>
<body>
<div id="wrapper">
    <nav class="navbar navbar-default top-navbar" role="navigation">
        <div class="navbar-header">
            <a class="navbar-brand" href="user.html"><strong><i class="icon fa fa-motorcycle"></i> 摩托之旅</strong></a>
            <div id="sideNav">
                <i class="fa fa-bars icon"></i>
            </div>
        </div>
        <ul class="nav navbar-top-links navbar-right">
            <!-- /.dropdown -->
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                    <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
                </a>
                <ul class="dropdown-menu dropdown-user">
                    <li><a href="change_password.html"><i class="fa fa-user fa-fw"></i> 修改密码</a></li>
                    <li id="log_off"><a href="#"><i class="fa fa-sign-out fa-fw"></i> 退出登录</a></li>
                </ul>
                <!-- /.dropdown-user -->
            </li>
            <!-- /.dropdown -->
        </ul>
    </nav>
    <!--/. NAV TOP  -->
    <nav class="navbar-default navbar-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav" id="main-menu">
                <li>
                    <a href="user.html"><i class="fa fa-user"></i>用户信息列表</a>
                </li>

                <li>
                    <a href="#">
                        <i class="fa fa-pie-chart"></i>摩托类型
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="nav nav-second-level">
                        <li>
                            <a href="motorcycle_list.html">摩托类型</a>
                        </li>
                        <li>
                            <a href="motorcycle_add.html">增加摩托类型</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a class="active-menu" href="#">
                        <i class="fa fa-book"></i>文章主题
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="nav nav-second-level">
                        <li>
                            <a href="articles_list.html">文章主题</a>
                        </li>
                        <li>
                            <a href="articles_add.html">增加文章主题 </a>
                        </li>
                        <li>
                            <a href="articles.html">文章列表展示</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="feedbacks.html"><i class="fa fa-file-text"></i>反馈</a>
                </li>

                <li>
                    <a href="gift.html"><i class="fa fa-gift"></i>礼物</a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-cogs"></i>商品管理
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="nav nav-second-level">
                        <li>
                            <a href="good_list.html">商品列表展示</a>
                        </li>
                        <li>
                            <a href="good_add.html">商品上架</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="exchange.html"><i class="fa fa-exchange"></i>兑换信息</a>
                </li>
                <li>
                    <a href="systemMessage.html"><i class="fa fa-comments"></i>群发系统消息</a>
                </li>
                <li>
                    <a href="carouselFigure.html"><i class="fa fa-picture-o"></i>轮播图</a>
                </li>

                <li>
                    <a href="recharge.html"><i class="fa fa-usd"></i>充值</a>
                </li>
            </ul>

        </div>

    </nav>
    <!-- /. NAV SIDE  -->
    <div id="page-wrapper">
        <div class="header">
            <h1 class="page-header">
                文章主题
                <small>摩托之旅后台管理</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="articles_list.html">文章主题</a></li>
            </ol>
        </div>

        <div id="page-inner">
            <div class="row">
                <div class="col-md-12">
                    <!-- Advanced Tables -->
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover" id="dataTables-example"
                                       style="text-align: center;">
                                    <thead>
                                    <tr>
                                        <th>主题ID</th>
                                        <th>文章主题名</th>
                                        <th>封面</th>
                                        <th>创建时间</th>
                                        <th>文章数</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                    <!--End Advanced Tables -->
                </div>
            </div>
            <!-- /. ROW  -->

        </div>


    </div>
    <!-- /. PAGE INNER  -->
</div>

<!--大图-->
<div class="carrousel">
    <div class="wrapper">
        <img src="#"/>
    </div>
</div>

<!--loading图-->
<div class="loading">
    <img src="assets/img/loading.gif">
</div>

<!-- /. PAGE WRAPPER  -->
<!-- /. WRAPPER  -->


<script>

</script>

</body>
</html>
